{% extends "layout.html" %}
{% block content %}

    {% load static %}

    {% block css %}
        <link rel="stylesheet" href="{% static 'plugins/bootstrap-datepicker/css/bootstrap-datepicker.min.css' %}">
    {% endblock %}

    <div>
    <div class="container">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title">{{ title }}</h3>
            </div>
            <div class="panel-body">
                <form method="post" novalidate>
                    {% csrf_token %}

                    {% for field in form %}

                            <div class="form-group">
                                <label>{{ field.label }}</label>
                                {{ field }}
                                <span style="color: red;">{{ field.errors.0 }}</span>
                            </div>

                    {% endfor %}


                    <button type="submit" class="btn btn-primary">提交</button>
                </form>
            </div>
        </div>
    </div>
</div>


{% endblock %}

<form method="post">
    {% csrf_token %}
    {% for field in form %}
        {{ field.label }} : {{ field }}
    {% endfor %}
</form>


{% block js %}
    <script src="{% static 'plugins/bootstrap-datepicker/js/bootstrap-datepicker.js' %}"></script>
    <script src="{% static 'plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js' %}"></script>
    <script>
        $(function () {
            $('#id_create_time').datepicker({
                format: 'yyyy-mm-dd',
                startDate: '0',
                language: "zh-CN",
                autoclose: true,
                // minuteStep: 1,    // 设置分钟步长，避免选错分钟
                // secondStep: 1     // 设置秒钟步长，避免选错秒钟
            });

        })


        $(document).ready(function() {
            // 根据用户类型隐藏或显示字段
            var userType = {{ request.user.usertype }};  // 从模板中传递的当前用户类型

            if (userType === 2) {  // 如果是管理员
                // 只保留消费者和供应商
                $('#id_usertype option').each(function() {
                    var value = $(this).val();
                    if (value != 3 && value != 4 && value != 5) {  // 只保留消费者(3)和供应商(4)和客服(5)
                        $(this).remove();
                    }
                });
            } else if (userType === 1) {  // 如果是超级管理员
                // 超级管理员不做任何操作，显示所有选项
                return;
            }

            // 可以在此处添加其他前端验证或操作
        });
    </script>
{% endblock %}